<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8"/>
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="report"
          content='{"spm":"1001.2101","extra":{"titAb":"control","lvab":"t_1","titAb2":"t_1"},"pid":"blog"}'>
    <script src="https://unpkg.com/vue@next"></script>
    <!-- import CSS -->
    <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
    <!-- import JavaScript -->
    <script src="https://unpkg.com/element-plus"></script>
    <title><?php
        //var_dump($this->config);
        //exit();
        echo $this->config["seo_title"] ?></title>
    <meta name="keywords" content="<?php echo $this->config["seo_keywors"] ?>">
    <meta name="description" content="<?php echo $this->config["seo_description"] ?>">
    <?php require_once VIEW_PATH . '/css.php'; ?>

</head>
<body>
<div id="app">
    <div class="header-fixed">
        <div class="bar">
            <div class="container" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
                <div></div>
                <div class="lang">
                    <ul>
                        <li><a href=""><img src="/static/images/zh_CN.png"></a></li>
                        <li><a href=""><img src="/static/images/en_US.png"></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="nav" data-aos-anchor-placement="top-bottom">
            <div class="container">
                <div class="logo" data-aos="fade-right">
                    <a href="/"><img src="<?php echo $this->config["logo"] ?>" alt=""></a>
                </div>
                <ul class="nav-list" data-aos="fade-left">
                    <li class="main-nav" v-on:mouseenter="onMouseEnter(0)" v-on:mouseleave="onMouseLeave(0)"><a href="/">Home</a></li>
                    <li class="main-nav" v-on:mouseenter="onMouseEnter(1)" v-on:mouseleave="onMouseLeave(1)">About us</li>
                    <li class="main-nav" v-on:mouseenter="onMouseEnter(2)" v-on:mouseleave="onMouseLeave(2)">Product</li>
                    <li class="main-nav" v-on:mouseenter="onMouseEnter(3)" v-on:mouseleave="onMouseLeave(3)">Application</li>
                    <li class="main-nav" v-on:mouseenter="onMouseEnter(4)" v-on:mouseleave="onMouseLeave(4)">News</li>
                    <li class="main-nav" v-on:mouseenter="onMouseEnter(0)" v-on:mouseleave="onMouseLeave(0)"><a href="/index/index/download">Download</a></li>
                    <li class="main-nav" v-on:mouseenter="onMouseEnter(0)" v-on:mouseleave="onMouseLeave(0)"><a href="/index/index/page/4">Contact Us</a></li>


                    <li v-if="hover == 1" class="box" data-aos="fade-left">
                        <ul>
                            <li class="item">
                                <div><a href="/index/index/page/1">Company Profile</a></div>
                            </li>
                            <li class="item">
                                <?php foreach ($this->page as $item) {
                                    if ($item->parent_id == 1)
                                        echo '<div class="sub-nav"><a href="/index/index/page/' . $item->id . '">' . $item->title . '</a></div>';
                                } ?>
                            </li>
                        </ul>
                    </li>


                    <li v-if="hover == 2" class="box" data-aos="fade-left">
                        <ul>
                            <?php
                            foreach ($this->category as $item) {
                                if ($item->parent_id == 1) {
                                    ?>
                                    <li class="item">
                                        <div class="title"><a
                                                    href="/index/index/product/<?php echo $item->id ?>"><?php echo $item->title ?></a>
                                        </div>
                                        <?php
                                        $i = 0;
                                        foreach ($this->product as $k => $product) {
                                            if ($product->category_id == $item->id && $i < 4) {

                                                ?>
                                                <div class="sub-nav"><a
                                                            href="/index/index/productDetail/<?php echo $product->id ?>"><?php echo $product->title ?></a>
                                                </div>
                                                <?php
                                                $i++;
                                            }
                                        }
                                        ?>
                                    </li>
                                    <?php
                                }
                            }
                            ?>
                        </ul>
                    </li>


                    <li v-if="hover == 3" class="box" data-aos="fade-left">
                        <ul>
                            <?php
                            foreach ($this->category as $item) {
                                if ($item->parent_id == 9) {
                                    ?>
                                    <li class="item">
                                        <div class="title"><a
                                                    href="/index/index/ling/<?php echo $item->id ?>"><?php echo $item->title ?></a>
                                        </div>
                                        <?php
                                        $i = 0;
                                        foreach ($this->ling as $k => $product) {
                                            if ($product->category_id == $item->id && $i < 4) {

                                                ?>
                                                <div class="sub-nav"><a
                                                            href="/index/index/lingDetail/<?php echo $product->id ?>"><?php echo $product->title ?></a>
                                                </div>
                                                <?php
                                                $i++;
                                            }
                                        }
                                        ?>
                                    </li>
                                    <?php
                                }
                            }
                            ?>
                        </ul>
                    </li>

                    <li v-if="hover == 4" class="box" data-aos="fade-left">
                        <ul>
                            <li class="item">
                                <?php

                                foreach ($this->category as $item) {
                                    if ($item->parent_id == 4) {

                                        ?>
                                        <div class="sub-nav"><a
                                                    href="/index/index/news/<?php echo $item->id ?>"><?php echo $item->title ?></a>
                                        </div>
                                        <?php

                                    }
                                }
                                ?>

                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
